.page {
    background: var(--gray-gray-1, #F4F5F7);
    height: 100vh;

    .tips {
        display: flex;
        padding: 20px 48px;
        align-items: center;
        border-bottom: 0.5px solid var(--blue-l, #C4D3FF);
        background: var(--blue-bg, #F1F5FF);
        color: var(--blue-d, #3056CC);
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .type {
        margin: 32px 32px 0px;
        display: flex;
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 16px;
        border: 1px solid #FFF;
        background-color: white;
        color: var(--gray-gray-9, #263446);
    }

    .type-selected{
        background: linear-gradient(180deg, #E6EDFF 0%, #FFF 30.38%);
        box-shadow: 0px 2px 12px 0px rgba(65, 77, 94, 0.08);
        color: var(--blue, #3C6BFF);
    }

    .top {
        display: flex;
        width: 100%;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        justify-content: space-between;
    }

    .context {
        margin-top: 24px;
        display: flex;
        padding: 24px;
        flex-direction: column;
        border-radius: 8px;
        background: var(--gray-gray-bg, #F7F8FA);
        color: var(--gray-gray-7, #414D5E);
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        white-space: pre-wrap;
    }




}